/*
Main Javascript for jQuery Realistic Hover Effect
Created by Adrian Pelletier
URL: http://www.adrianpelletier.com
Tuned by Stanislav Jakuschevskij
URL: http://www.two-giants.com
 */

/*=Realistic Shadow Effect
 ============================================================================== */

//Begin jQuery
$(document).ready
(
  function()
  { //Append shadow image
    $(".box_wrapper").append('<img class="shadow" src="shadow.png" width="52" height="52" alt="" />');

    //Animate buttons, shrink and fade shadow
    $(".box_wrapper").hover
    (
      function()
      {
        var e = this;
        
        $(e).find("a").stop().animate({marginTop: "-2px"}, 180);
        
        $(e).find("img.shadow").stop().animate({width:        "72px",
                                                height:       "72px",
                                                marginLeft:   "-10px",
                                                marginBottom: "-10px"}, 180);
      },
      function()
      {
        var e = this;
        
        $(e).find("a").stop().animate({marginTop: "0px"}, 180);
        
        $(e).find("img.shadow").stop().animate({width:        "52px",
                                                height:       "52px",
                                                marginLeft:   "0px",
                                                marginBottom: "0px"}, 180);
      }
    );
  }
);
// End jQuery